// custom.css

// TOC
// 小于1280K不显示
@media only screen and (max-width: 1280px) {
	.toc {
		display: none;
	}
}

.toc {
	position: fixed;
	right: 1rem;
	top: 12rem;
	width: max-content;
	z-index: 10;
	cursor: move;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 2px 2px 5px 1px #eee;
	opacity: 0.7;

	&:hover {
		opacity: 1;
	}

	header {
		// height: 1.5rem;
		// line-height: 1.5rem;
		
		strong {
			padding: 1rem 0 0.5rem 1rem;
			user-select: none;
			display: inline-block;
		}
	}

	nav {
		padding-bottom: 1rem;

		ul {
			text-indent: 0.85rem;
			padding: 0.5rem 0;
			
			li {
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
				padding: 0.2rem 1rem 0 1rem;
				margin-right: 1rem;
				
				a {
					font-size: 1rem;
					line-height: 1rem;
					user-select: none;
					cursor: pointer;

					&:first-child::before {
						content: "|";
						font-weight: bolder;
						margin-right: 0.5rem;
						color: #2d96bd;
					}
				}
			}
		}
	}
}

#link-preview {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }
